<template>
  <div class="footer">
    <div class="container">
      <div class="footerTitle">
        <span>专题专栏</span>
      </div>
      <div class="footerWrap">
        <a href="">
          <img src="../../static/images/footer-1.jpg" alt="">
        </a>
        <a href="">
          <img src="../../static/images/footer-2.jpg" alt="">
        </a>
        <a href="">
          <img src="../../static/images/footer-3.jpg" alt="">
        </a>
        <a href="">
          <img src="../../static/images/footer-4.jpg" alt="">
        </a>
        <a href="">
          <img src="../../static/images/footer-5.jpg" alt="">
        </a>
        <a href="">
          <img src="../../static/images/footer-6.jpg" alt="">
        </a>
      </div>
      <div class="footer-ico">
        <p>
          ipc备案: 鄂20180000000001
        </p>
        <p>
          Copyright © 1997-2018 by www.baidu.com.cn. all rights reserved 技术支持 by武汉纺友技术有限公司
        </p>
      </div>

    </div>

  </div>
</template>
<style lang="stylus">
    .footer{
      height 690px
      background-image url("../../static/images/footer.jpg")
      background-repeat no-repeat
      background-position center
    }
  .footerTitle{
    padding 30px 0
    font-size 42px
    color #ffffff
    text-align left
    margin-bottom 10px
  }
  .footerTitle span{
    position relative
    color #6d6d6d
  }
  .footerTitle span:before{
    position absolute
    content ''
    right -60px
    top 50%
    width 58px
    height 3px
    margin-top -2px
    background #6d6d6d
  }

  .footerWrap a{
    display inline-block
    width 317px
    height 103px
    margin 0 17px 30px 0
  }
    .footer-ico{
      margin-top 34px
      text-align center
    }
  .footer-ico p{
    font-size 12px
    color #2e2e2e
    padding-bottom 12px
  }
</style>
